<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../css/common/common.css"/>
		<link rel="stylesheet" type="text/css" href="../css/other/swiper.min.css"/>
		<link rel="stylesheet" type="text/css" href="../css/other/shoplist.css"/>
		
		<!-- Swiper JS -->
    	<script src="../js/other/swiper.js"></script>
	</head>
	<body>
		<div class="web">
			<!--头部-->
			<div class="header">
				<div class="header-pic fl">
					<img src="../img/other/index-logo.PNG"/>
				</div>
				<div class="header-nav fl">
					<ul>
						<li>
							<a href="../index.html">首页</a>
						</li>
						<li>
							<a href="../personal/upper.html">骑行</a>
							<div class="header-nav1">
								<table class="fr">
									<tr>
										<td width="116px"><p>普通版</p></td>
										<td width="147px"></td>
										<td width="190px"><p>竞技版</p></td>
										<td width="123px"></td>
									</tr>
									<tr>
										<td><a href="#">短袖</a></td>
										<td><a href="#">短袖连体服</a></td>
										<td><a href="#">短袖</a></td>
										<td><a href="#">短袖连体服</a></td>
									</tr>
									<tr>
										<td><a href="#">短裤</a></td>
										<td><a href="#">长袖连体服</a></td>
										<td><a href="#">短裤</a></td>
										<td><a href="#">长袖连体服</a></td>
									</tr>
									<tr>
										<td><a href="#">长袖</a></td>
										<td><a href="#">儿童版短袖</a></td>
										<td><a href="#">长袖</a></td>
										<td></td>
									</tr>
									<tr>
										<td><a href="#">长裤</a></td>
										<td><a href="#">儿童版长袖</a></td>
										<td><a href="#">长裤</a></td>
										<td></td>
									</tr>
									<tr>
										<td><a href="#">背带短裤</a></td>
										<td></td>
										<td><a href="#">背带短裤</a></td>
										<td></td>
									</tr>
									<tr>
										<td><a href="#">背带长裤</a></td>
										<td></td>
										<td><a href="#">背带长裤</a></td>
										<td></td>
									</tr>
								</table>
							</div>
						</li>
						<li>
							<a href="../personal/upper.html">跑步</a>
							<div class="header-nav1">
								<table class="fr">
									<tr>
										<td width="116px"><p>普通版</p></td>
										<td width="147px"></td>
										<td width="190px"><p>竞技版</p></td>
										<td width="123px"></td>
									</tr>
									<tr>
										<td><a href="#">短袖</a></td>
										<td><a href="#">短袖连体服</a></td>
										<td><a href="#">短袖</a></td>
										<td><a href="#">短袖连体服</a></td>
									</tr>
									<tr>
										<td><a href="#">短裤</a></td>
										<td><a href="#">长袖连体服</a></td>
										<td><a href="#">短裤</a></td>
										<td><a href="#">长袖连体服</a></td>
									</tr>
									<tr>
										<td><a href="#">长袖</a></td>
										<td><a href="#">儿童版短袖</a></td>
										<td><a href="#">长袖</a></td>
										<td></td>
									</tr>
									<tr>
										<td><a href="#">长裤</a></td>
										<td><a href="#">儿童版长袖</a></td>
										<td><a href="#">长裤</a></td>
										<td></td>
									</tr>
									<tr>
										<td><a href="#">背带短裤</a></td>
										<td></td>
										<td><a href="#">背带短裤</a></td>
										<td></td>
									</tr>
									<tr>
										<td><a href="#">背带长裤</a></td>
										<td></td>
										<td><a href="#">背带长裤</a></td>
										<td></td>
									</tr>
								</table>
							</div>
						</li>
						<li>
							<a href="../personal/upper.html">休闲</a>
							<div class="header-nav1">
								<table class="fr">
									<tr>
										<td width="116px"><p>普通版</p></td>
										<td width="147px"></td>
										<td width="190px"><p>竞技版</p></td>
										<td width="123px"></td>
									</tr>
									<tr>
										<td><a href="#">短袖</a></td>
										<td><a href="#">短袖连体服</a></td>
										<td><a href="#">短袖</a></td>
										<td><a href="#">短袖连体服</a></td>
									</tr>
									<tr>
										<td><a href="#">短裤</a></td>
										<td><a href="#">长袖连体服</a></td>
										<td><a href="#">短裤</a></td>
										<td><a href="#">长袖连体服</a></td>
									</tr>
									<tr>
										<td><a href="#">长袖</a></td>
										<td><a href="#">儿童版短袖</a></td>
										<td><a href="#">长袖</a></td>
										<td></td>
									</tr>
									<tr>
										<td><a href="#">长裤</a></td>
										<td><a href="#">儿童版长袖</a></td>
										<td><a href="#">长裤</a></td>
										<td></td>
									</tr>
									<tr>
										<td><a href="#">背带短裤</a></td>
										<td></td>
										<td><a href="#">背带短裤</a></td>
										<td></td>
									</tr>
									<tr>
										<td><a href="#">背带长裤</a></td>
										<td></td>
										<td><a href="#">背带长裤</a></td>
										<td></td>
									</tr>
								</table>
							</div>
						</li>
						<li>
							<a href="../index.html#brand">品牌区</a>
						</li>
						<li>
							<a href="#">设计师</a>
						</li>
						
					</ul>
				</div>
				<div class="header-search fr">
					<input type="search">
					<!--<div class="header-search-box">-->
					<input type="button">
				</div>
				<div class="header-right fr">
					<ul>
						<a href="../other/buy1.html">
							<li>
								<img src="../img/other/header-pic1.png"/>
							</li>
						</a>
						<li id="header-login">
							<a href="../other/login.html">
								<img src="../img/other/header-pic2.png"/>
							</a>
							<div class="header-login-block">
								<ul>
									<li><a href="../other/login.html">登录</a></li>
									<li><a href="../personal/myorder.html">我的订单</a></li>
								</ul>
							</div>
						</li>
						<a href="">
							<li>
								<img src="../img/other/header-pic3.png"/>
							</li>
						</a>
						<a href="../other/leaguelogin.html">
							<li>
								<img src="../img/other/header-pic4.png"/>
							</li>
						</a>
					</ul>
				</div>
				<div class="clear"></div>
			</div>
			
			<div class="head-link">
				<p><a href="../index.html">首页</a>  >  品牌专区  </p>
			</div>
			<!--轮播图-->
			<div class="shoplist-carou">
				<!-- Swiper -->
    			<div class="swiper-container">
        			<div class="swiper-wrapper">
            			<div class="swiper-slide">
            				<div class="shoplist-carou-pic">
            					<img src="../img/other/shoplist-carou-pic.png"/>
            					<input class="blackbutton" type="button" value="立即定制" />
            				</div>
            			</div>
            			<div class="swiper-slide">
            				<div class="shoplist-carou-pic">
            					<img src="../img/other/shoplist-carou-pic.png"/>
            					<input class="blackbutton" type="button" value="立即定制" />
            				</div>
            			</div>
            			<div class="swiper-slide">
            				<div class="shoplist-carou-pic">
            					<img src="../img/other/shoplist-carou-pic.png"/>
            					<input class="blackbutton" type="button" value="立即定制" />
            				</div>
            			</div>
        			</div>
        			<!-- Add Pagination -->
        			<div class="swiper-pagination"></div>

    			</div>

    			<!-- Initialize Swiper -->
    			<script>
    				var swiper = new Swiper('.swiper-container', {
        				pagination: '.swiper-pagination',
        				paginationClickable: true,
        				autoplay:3000,
        				spaceBetween: 30
    				});
    			</script>
			</div>	

			<div class="shoplist-content">
				<div class="shoplist-content-top">
					<ul class="fl">
						<a href="#"><li>当前活跃</li></a>
						<a href="#"><li>最新发布</li></a>
					</ul>
					<div class="shoplist-search fr">
						<input type="search" placeholder="搜索店铺名字"/>
						<input type="button"/>
					</div>
					<div class="clear"></div>
				</div>
				<div class="shoplist-content-box">
					<div class="shoplist-content-item">
						<div class="shoplist-content-item-left fl">
							<div class="shoplist-list-pic1">
								<a href="shopindex.html"><img src="../img/other/shoplist-item1-pic1.png"/></a>
							</div>
							<p>SUPER12</p>
							<p>“向着阳光的方向”</p>
							<input type="button" value="关注" />
						</div>
						<div class="shoplist-content-item-right fl">
							<ul>
								<li>
									<div class="shoplist-content-item-pic fl">
										<img src="../img/other/shoplist-item-pic2.png"/>
									</div>
									<div class="shoplist-content-item-text fl">
										<p>男士骑行上衣</p>
										<p>¥299</p>
										<input type="button" class="blackbutton" value="立即定制" />
									</div>
								</li>
								<li>
									<div class="shoplist-content-item-pic fl">
										<img src="../img/other/shoplist-item-pic3.png"/>
									</div>
									<div class="shoplist-content-item-text fl">
										<p>男士骑行上衣</p>
										<p>¥299</p>
										<input type="button" class="blackbutton" value="立即定制" />
									</div>
								</li>
								<li>
									<div class="shoplist-content-item-pic fl">
										<img src="../img/other/shoplist-item-pic2.png"/>
									</div>
									<div class="shoplist-content-item-text fl">
										<p>男士骑行上衣</p>
										<p>¥299</p>
										<input type="button" class="blackbutton" value="立即定制" />
									</div>
								</li>
								<li>
									<div class="shoplist-content-item-pic fl">
										<img src="../img/other/shoplist-item-pic3.png"/>
									</div>
									<div class="shoplist-content-item-text fl">
										<p>男士骑行上衣</p>
										<p>¥299</p>
										<input type="button" class="blackbutton" value="立即定制" />
									</div>
								</li>
							</ul>
						</div>
						<div class="clear"></div>
					</div>
					<div class="shoplist-content-item">
						<div class="shoplist-content-item-left fl">
							<div class="shoplist-list-pic1">
								<a href="shopindex.html"><img src="../img/other/shoplist-item1-pic2.png"/></a>
							</div>
							<p>DREAM骑手</p>
							<p>第四届骑手杯赞助商<br />第六届世锦杯攒助商</p>
							<input type="button" value="关注" />
						</div>
						<div class="shoplist-content-item-right fl">
							<ul>
								<li>
									<div class="shoplist-content-item-pic fl">
										<img src="../img/other/shoplist-item-pic2.png"/>
									</div>
									<div class="shoplist-content-item-text fl">
										<p>男士骑行上衣</p>
										<p>¥299</p>
										<input type="button" class="blackbutton" value="立即定制" />
									</div>
								</li>
								<li>
									<div class="shoplist-content-item-pic fl">
										<img src="../img/other/shoplist-item-pic3.png"/>
									</div>
									<div class="shoplist-content-item-text fl">
										<p>男士骑行上衣</p>
										<p>¥299</p>
										<input type="button" class="blackbutton" value="立即定制" />
									</div>
								</li>
								<li>
									<div class="shoplist-content-item-pic fl">
										<img src="../img/other/shoplist-item-pic2.png"/>
									</div>
									<div class="shoplist-content-item-text fl">
										<p>男士骑行上衣</p>
										<p>¥299</p>
										<input type="button" class="blackbutton" value="立即定制" />
									</div>
								</li>
								<li>
									<div class="shoplist-content-item-pic fl">
										<img src="../img/other/shoplist-item-pic3.png"/>
									</div>
									<div class="shoplist-content-item-text fl">
										<p>男士骑行上衣</p>
										<p>¥299</p>
										<input type="button" class="blackbutton" value="立即定制" />
									</div>
								</li>
							</ul>
						</div>
						<div class="clear"></div>
					</div>
					<div class="shoplist-content-item">
						<div class="shoplist-content-item-left fl">
							<div class="shoplist-list-pic1">
								<a href="shopindex.html"><img src="../img/other/shoplist-item1-pic3.png"/></a>
							</div>
							<p>RAPHA</p>
							<p>“向着阳光的方向”</p>
							<input type="button" value="关注" />
						</div>
						<div class="shoplist-content-item-right fl">
							<ul>
								<li>
									<div class="shoplist-content-item-pic fl">
										<img src="../img/other/shoplist-item-pic2.png"/>
									</div>
									<div class="shoplist-content-item-text fl">
										<p>男士骑行上衣</p>
										<p>¥299</p>
										<input type="button" class="blackbutton" value="立即定制" />
									</div>
								</li>
								<li>
									<div class="shoplist-content-item-pic fl">
										<img src="../img/other/shoplist-item-pic3.png"/>
									</div>
									<div class="shoplist-content-item-text fl">
										<p>男士骑行上衣</p>
										<p>¥299</p>
										<input type="button" class="blackbutton" value="立即定制" />
									</div>
								</li>
								<li>
									<div class="shoplist-content-item-pic fl">
										<img src="../img/other/shoplist-item-pic2.png"/>
									</div>
									<div class="shoplist-content-item-text fl">
										<p>男士骑行上衣</p>
										<p>¥299</p>
										<input type="button" class="blackbutton" value="立即定制" />
									</div>
								</li>
								<li>
									<div class="shoplist-content-item-pic fl">
										<img src="../img/other/shoplist-item-pic3.png"/>
									</div>
									<div class="shoplist-content-item-text fl">
										<p>男士骑行上衣</p>
										<p>¥299</p>
										<input type="button" class="blackbutton" value="立即定制" />
									</div>
								</li>
							</ul>
						</div>
						<div class="clear"></div>
					</div>
					<div class="shoplist-link">
						<ul>
							<a href=""><li><img src="../img/other/shoplist-link-pic1.png"/></li></a>
							<a href=""><li class="redColor">1</li></a>
							<a href=""><li>2</li></a>
							<a href=""><li>3</li></a>
							<li id="shoplist-point">
								<div class="shoplist-point"></div>
								<div class="shoplist-point"></div>
								<div class="shoplist-point"></div>
							</li>
							<a href=""><li><img src="../img/other/shoplist-link-pic2.png"/></li></a>
							<li id="shoplist-tiaozhi">跳至</li>
							<li class="shoplist-ye">
								<input type="number"/>页
							</li>
							
							<a href=""><li class="shoplist-ye">跳转</li></a>
						</ul>
					</div>
				</div>
			</div>
			
			<!--页脚-->
			<footer>
				<div class="footer-link">
					<div class="footer-pic fl">
						<img src="../img/other/footer-pic1.png"/>
					</div>
					<div class="footer-right fr">
						<ul>
							<li>
								<ul class="footer-text">
									<li>
										<a href="#">新手指南</a>
									</li>
									<li>
										<a href="../other/register.html">用户注册</a>
									</li>
									<li>
										<a href="../other/DIY1.html">定制流程</a>
									</li>
									<li class="footer-text-last"></li>
								</ul>
							</li>
							<li>
								<ul class="footer-text">
									<li>
										<a href="#">付款方式</a>
									</li>
									<li>
										<a href="#">支付方式</a>
									</li>
									<li>
										<a href="#">支付问题</a>
									</li>
									<li>
										<a href="#">常见问题</a>
									</li>
								</ul>
							</li>
							<li>
								<ul class="footer-text">
									<li>
										<a href="#">售后服务</a>
									</li>
									<li>
										<a href="../trade/Changing or Refunding/Application2.html">退款换货</a>
									</li>
									<li>
										<a href="#">配送方式</a>
									</li>
									<li>
										<a href="#">联系我们</a>
									</li>
								</ul>
							</li>
							<li>
								<ul class="footer-text">
									<li>
										<a href="">政策条款</a>
									</li>
									<li>
										<a href="">服务协议</a>
									</li>
									<li>
										<a href="">隐私条款</a>
									</li>
									<li>
										<a href="">版权条款</a>
									</li>
								</ul>
							</li>
						</ul>
					</div>
					<div class="clear"></div>
				</div>
				<div class="footer-reg">
					<p>
						© 2016 Wildto Corpation. All Rights Reserved闽ICP备14001544号-1
					</p>
				</div>
			</footer>
			
		</div>
	</body>
</html>
